<template>
  <div class="page-container">
	<!--工具栏-->
	<div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
		<el-form :inline="true" :model="filters" :size="size">
			<el-form-item>
				<el-input v-model="filters.ywslh" placeholder="银行业务受理号"></el-input>
			</el-form-item>
			<el-form-item>
				<kt-button icon="fa fa-search" :label="$t('action.search')" perms="app:estate:view" type="primary" @click="findPage(null)"/>
			</el-form-item>
		</el-form>
	</div>
	<!--表格内容栏-->
    <el-table :data="tableData" stripe style="width: 100%">
        <el-table-column prop="date" label="日期" width="180"></el-table-column>
        <el-table-column prop="name" label="姓名" width="180"></el-table-column>
        <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
 
	 
  </div>
</template>

<script> 
import { format } from "@/utils/datetime"
export default {
	components:{
	 
	},
	data() {
		return {
			size: 'small',
			filters: {
				ywslh: ''
			},
			columns: [ 
				{prop:"bt", label:"标题", minWidth:100},
				{prop:"ywbs", label:"业务标识", minWidth:100},
				{prop:"bdcywslh", label:"不动产业务受理号", minWidth:80},
				{prop:"dqclhj", label:"当前处理环节", minWidth:80},
				{prop:"zwr", label:"债务人", minWidth:120},
				{prop:"tdr", label:"提单人", minWidth:120}, 
				{prop:"tdsj", label:"提单时间", minWidth:120, formatter:this.dateFormat} 
			],
			pageRequest: { pageNum: 1, pageSize: 10 },
			pageResult: {},

			operation: false, // true:新增, false:编辑
			editDialogVisible: false, // 新增编辑界面是否显示
			editLoading: false,
			dataFormRules: {
				ywslh: [
					{ required: true, message: '请输入业务受理号', trigger: 'blur' }
				]
			},
			// 新增编辑界面数据
			dataForm: {
				id: 0,
				bt: '',         // 标题
				ywbs: '',       // 业务标识
				bdcywslh: '',   // 不动产业务受理号
				dqclhj: 0,      // 当前处理环节
				zwr: '',        // 债务人
				tdr: '',        // 提单人
				tdsj:''         // 提单时间
			}
		}
	},
	methods: {
		// 获取分页数据
		findPage: function (data) {
			if(data !== null) {
				this.pageRequest = data.pageRequest
			}
			this.pageRequest.columnFilters = {ywslh: {name:'ywslh', value:this.filters.ywslh}}
			this.$api.dyywsl.queryTodoList(this.pageRequest).then((res) => {
				this.pageResult = res.data
			}).then(data!=null?data.callback:'')
		},
		// 批量删除
		handleDelete: function (data) {
			this.$api.dyywsl.batchDeleteTodoList(data.params).then(data!=null?data.callback:'')
		},
		// 时间格式化
      	dateFormat: function (row, column, cellValue, index){
          	return format(row[column.property])
      	}
	},
	mounted() {
	}
}
</script>

<style scoped>

</style>